﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_ProductoLayout.cshtml";
}
<html>
<head>
    <title>@ViewBag.Title</title>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <style>
        label {
            display: inline-block;
            width: 5em;
        }
                
        fieldset div {
            margin-bottom: 2em;
        }

        fieldset .help {
            display: inline-block;
        }

        .ui-tooltip {
            width: 210px;
        }
    </style>

    <script>
        $(function () {
            var tooltips = $("[title]").tooltip();
            $("<button>")
              .click(function () {
                  tooltips.tooltip("open");
              })
              .insertAfter("form");
        });
    </script>
</head>

<body>
    <h2>Únete a M&M!</h2>
    <blockquote>Por favor, tomate tu tiempo para ser parte de esta comunidad.</blockquote>

    <form action="~/servidor.php" name="registro" id="registro" method="post">
        <fieldset>
            <legend><em>Registro</em></legend>
            <div>
                <label for="nombre">Nombre</label>
                <input id="nombre" name="nombre" title="Escribe tu nombre real" />
            </div>
            <div>
                <label for="apellido">Apellido</label>
                <input id="apellido" name="apellido" title="Escribe tu apellido real" />
            </div>
            <div>
                <label for="direccion">Dirección</label>
                <input id="direccion" name="direccion" title="Dirección de tu casa o trabajo" />
            </div>
            <label for="e-mail">Email</label>
            <input id="e-mail" name="e-mail" title="Te enviaremos una confirmación" />
            <div>
            </div>
            <label for="contraseña">Contraseña</label>
            <input type="password" id="contraseña" name="contraseña" title="Escribe algo difícil de descifrar" />
            <div>
            </div>
            <button type="submit" class="btn">Ingresar</button>
            <button type="reset" class="btn">Borrar</button>
        </fieldset>
    </form>

</body>
</html>

